• Join the class Are.na group
• Prepare to share a website you've been loving recently, a recent favorite. Add a link to this Are.na channel.
• If you haven't already, fill out the Class survey.
• Download Visual Studio Code or another text editor of your choice.

• Sign up for a topics presentation.
• Add your class website to the list.

• What is your collection about?
• What is the audience for your collection?

• A credit for who designed the site, if you can find it.
• A description of what makes the typography notable. I'm curious: what effect does the design have on the content? Positive or negative ;)
• We'll quickly share in 20min.

• What is your collection about? I am curious about the content and the audience. Can you find at least 15 entries?
• Of the pages you've made so far, which version feels most interesting to you? I'm curious how the design choices relate to content and audience. How might you expand and apply this design language to the whole collection?

• Review examples of navigation on Are.na. Pick a website to share with the class. I'm curious to know: how do you move through the site? Is there more than one way to navigate?
• Then, share progress on your collection. How did you think about navigation in this project?

• Add a link to your "Website as..." page to this doc.
• Add any HTML/CSS questions you have to this doc.

• American Artist, Black Gooey Universe
• Colossal Cave Adventure: about the game and play it online
• Olia Lialina, My Boyfriend Came Back from the War

• Hito Steyerl, In defense of the poor image
• Aria Dean, Eulogy for a Black Mass
• Orit Gat, Data Roaming (Paquete Semanal)

• The person you are going to make this tool for
• Three sketches that illustrate your idea. You could design three different pages of your website, three different states, propose three different visual skins, or.... something else? Bring something to look at!
• At least two references: websites or other artist projects that are inspirations for you. Could be a conceptual inspiration, a visual inspiration, a website that is functionally similar to what you want to make, or that has a component that is similar to what you imagine, etc...

• Todd Anderson, My Favorite Historical Viruses
• MDN Web Docs, Responsive Images

• Complete exercise: Keyboard Instrument
• Read JS2: Keyboard Instrument

For next class, start working on a detailed spec and rough draft of your tool. Bring the following to class:

• A detailed, written description of your tool's behavior.
• A visual design for each page or state of your tool.
• A prototype, in code, of at least one aspect of your project. This could be a test of the single most important interaction. It could be a single page coded in HTML and CSS. Identify the most challenging aspect of your project and start working on its functionality.

For next class, make a rough draft of your project. This should include:

• A coded, working prototype. At this stage, functionality is more important than visual style.
• If there's a piece that you can't figure out technically, make a visual sketch, and we can talk about how to implement that.

• Complete exercise: Input/Output
• Read JS3: Forms & Inputs

For this excercise, work in pairs to create a “Poetic Site of Rest”—a small, interactive website designed as a calm space for users to pause and reflect, providing an antidote to the fast-paced, corporate-driven web. Inspired by The Slow Media Manifesto and our discussions on the web as architecture and the handmade web, your site should embody the principles of Slow Media: intentionality, quality, and meaningful engagement. Focus on creating a simple, intentional design where every element is crafted to encourage slowness and personal engagement. Include at least one interactive element (e.g., touch, hover, scroll or click) that engages users in a meaningful, poetic way, enhancing their experience of rest and reflection. Design the site for mobile use, envisioning it as a pocket-sized place of calm and reflection that users can carry with them.

For next class, make working draft of your project.

We have two weeks before the review. The goal for next week is to get the functionality built so you have one more week to test, make changes, and polish the design.

We'll have a critique with guest TBD, who's coming to New Haven.

If you are late to class, we will not critique your project.

1. Project 1: Collection
2. Project 2: Tool
3. Project 3: Topic presentation PDF
4. Exercises:
   1. Ambient Website
   2. Website As...
   3. Enzo Mari Remix
   4. Keyboard Instrument
   5. Input/Output
   6. Google Sheet as CMS